<template>
  <el-descriptions direction="vertical" :column="2" border>
    <el-descriptions-item :span="2">
      <template slot="label"> 头像 </template>
      <el-image
        style="height: 80px"
        :src="item.photo"
        :preview-src-list="[item.photo]"
      >
      </el-image>
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 姓名 </template>
      {{ item.userName }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 性别 </template>
      {{ item.gender }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 专家职称 </template>
      {{ item.postTxt }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 服务范围 </template>
      {{ item.serviceScopeTxt }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label"> 擅长领域 </template>
      {{ item.forteTxt }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label"> 个人简介 </template>
      {{ item.remark }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 出生日期 </template>
      {{ item.birthday }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 工作单位 </template>
      {{ item.workUnit }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label"> 选择位置 </template>
      {{ item.mapTxt }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 所在位置 </template>
      {{ item.areaCodeTxt }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 详细地址 </template>
      {{ item.address }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label"> 个人成就 </template>
      {{ item.achieve }}
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label"> 身份证号码 </template>
      {{ item.cardNum }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 身份证(正面) </template>
      <el-image
        style="height: 80px"
        v-if="item.cardImg"
        :src="item.cardImg.split(',')[0]"
        :preview-src-list="item.cardImg.split(',')"
      >
      </el-image>
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label"> 身份证(反面) </template>
      <el-image
        style="height: 80px"
        v-if="item.cardImg"
        :src="item.cardImg.split(',')[1]"
        :preview-src-list="item.cardImg.split(',')"
      >
      </el-image>
    </el-descriptions-item>
    <el-descriptions-item :span="2">
      <template slot="label"> 专家职称照片 </template>
      <el-image
        style="height: 80px"
        v-if="item.expertImg"
        :src="item.expertImg.split(',')[0]"
        :preview-src-list="item.expertImg.split(',')"
      >
      </el-image>
    </el-descriptions-item>
  </el-descriptions>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
}
</script>
